<template>
  <div id="Introduction">
    <div class="page_desc">此过程将逐步引导您成为 Steamworks 合作伙伴计划的成员，能通过 Steam
      分销您的游戏或软件。您有充足的时间在此完成数字文书，因此继续前，请确保您已提供完整信息。若需了解关于此流程及在 Steam 上发行的常见问题，请参见<a
        href="javascript:">欢迎常见问题</a>。
    </div>

    <div class="section_title">步骤概览</div>
    <div>
      <div class="list_item_desc">将您的游戏上架 Steam 销售有多个步骤，概况如下。</div>
      <div class="list_item_desc">
        <ol>
          <li>签署数字文书。您需要提供下列信息。</li>
          <li>使用 Steam 支持的下列支付手段之一支付应用押金。</li>
          <li>填写您的银行与税务信息，以及身份验证，以便我们获知是谁与我们进行业务往来。</li>
          <li>现在您能够访问 Steamworks 并开始准备发行您的产品。您将需要创建您的商店页面、上传生成版本、配置 Steamworks 功能、输入产品定价。我们尽力简化我们的工具并为您能使用的所有功能提供文献。参见
            <a>Steamworks 文献</a>，了解详情。
          </li>
          <li>在您的商店页面或游戏版本上线之前，我们需要进行简短的审核过程，运行您的游戏并查看您的商店页面，以确定配置正确并按预期运行，而且不带有任何恶意内容。这需要 1 至 5 天的时间。</li>
          <li>在您可以在 Steam 上发布您的最初几款产品之前，有一些额外的时间要求。</li>
          <li>现在您已准备就绪，可以发行了。您如今对发行有全面控制权，您也可以随时更新。</li>
        </ol>
        <br>
      </div>
    </div>
    <br>

    <div class="section_title">您需要准备的信息：</div>
    <div>
      <div class="list_item_title">法定英文名称和识别</div>
      <div class="list_item_desc">我们需要获得签署个人或实体的准确法定识别，以便知晓您的身份以及您代表谁。这可以是您的个人信息（如作为个人注册）或您的公司信息（如作为公司注册）。</div>
      <br>

      <div class="list_item_title">支付信息</div>
      <div class="list_item_desc">我们需要准确的银行信息，例如汇款路径号码、银行账户和银行地址，以便知晓如何支付您的应用程序的销售所得。</div>
      <br>
      <div class="list_item_desc emphasis">请注意，您银行账户持有人姓名必须与上述法定识别名称相符。如果您以公司名义注册但尚未为您的企业建立银行账户，您将需要开立一个银行账户才能继续。</div>
      <br>
    </div>

    <br>
    <br>
    <div class="section_title">规则及指引</div>
    <div>
      <div class="list_item_desc">对于可通过 Steam 发行的内容，我们有一些准则。在决定是否继续进行发行时，请牢记这些准则。</div>
      <br>
      <div class="list_item_title">不应在 Steam 上发布的内容：</div>
      <div class="list_item_desc">
        <ol>
          <li>仇恨言论，即基于种族、宗教、性别、年龄、残疾或性取向煽动对群体的仇恨、暴力或歧视的言论</li>
          <li>真人露骨色情图片</li>
          <li>未进行适当标记和年龄限制的成人内容</li>
          <li>诽谤或污蔑言论</li>
          <li>您不拥有或对其没有足够权利的内容</li>
          <li>在其上架的任何司法管辖区内违反法律的内容</li>
          <li>明显冒犯或有意让观看者震惊或厌恶的内容</li>
          <li>以任何方式利用儿童的内容</li>
          <li>以意料之外或有害的方式（例如，恶意软件或病毒）修改客户计算机的应用程序</li>
          <li>欺诈性地尝试收集敏感信息（例如，Steam 凭据或信用卡信息等财务数据）的应用程序</li>
          <li>与 Steam 上发布的产品没有直接关系的视频内容</li>
          <li>非交互式 360 VR 视频</li>
        </ol>
      </div>
      <br>
      <div class="list_item_title">接受的内容类型</div>
      <div class="list_item_desc">我们当前接受以下类型的内容：游戏与 VR 体验。目前 Steam Direct 并不接受非游戏软件。如果您有想在 Steam 上架的非游戏软件，请查看<a
        href="javascript:">发行非游戏软件</a>一文。
      </div>
      <br>
      <div class="list_item_desc">除了上述条款外，您在 Steam 上发布的内容还应该遵守《Steam 分销协议》、<a
        href="javascript:" >《Steam 订户协议》</a>、<a
        href="javascript:" >《Steam 在线行为准则》</a>和<a
        href="javascript:" >《Steam 隐私政策》</a>。
      </div>
    </div>

    <br>
    <br>
    <div class="section_title">我们开始吧</div>
    <div>
      <div class="list_item_desc">单击下面的“继续”按钮以继续输入您的法定英文名称及联系信息。</div>
    </div>

    <br><br>


  </div>
</template>

<script>
export default {
  name: "Joinus_1"
}
</script>

<style scoped>

.AdminPageContent #PaymentDetails p {
  font-size: 14px;
  color: #C6D4DF;
}

.nav_bar {
  padding: 15px;
  color: #8F98A0;
  background: #000;

}

.nav_bar_item {
  margin-right: 10px;
  padding: 5px 10px 5px 10px;
  float: left;
  pointer-events: none;
}

.nav_bar_item.highlighted {
  background-color: rgba(255, 255, 255, 0.2);
  color: #fff;
  -moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4);
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4);
}

.nav_bar_item.clickable {
  cursor: pointer;
  pointer-events: auto;
}

.nav_bar_item.clickable:hover {
  color: #fff;
  background-color: #529cde;
  -moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4);
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4);
}

.page_title {
  font-family: "Motiva Sans", Sans-serif;
  font-weight: 200; /* thin */

  font-size: 24px;
  color: #ffffff;
  padding-top: 20px;
  padding-bottom: 10px;
}

.page_desc {
  font-size: 16px;
  padding-bottom: 30px;
  color: #A4DAF9;
}

#Introduction,
#PaymentDetails,
#CompanyInfo,
#SignNDA,
.banking_details {
  margin-top: 30px;
}

#PaymentDetails {
  margin-bottom: 50px;
}

.section_title {
  font-family: "Motiva Sans", Sans-serif;
  font-weight: bold; /* bold */

  font-size: 17px;
  color: #C6D4DF;
  padding: 4px 6px 4px 0px;
  width: 700px;
  margin-bottom: 6px;
  border-bottom: 1px solid #C6D4DF;
}

.list_item_title {
  font-size: 17px;
  font-weight: 500;
  color: #C6D4DF;
  margin-left: 20px;
  padding-left: 10px;
  padding-bottom: 5px;
  background-repeat: no-repeat;
}

.list_item_desc {
  width: 700px;
  margin-left: 30px;
  line-height: 20px;
}

.list_item_desc ol {
  margin-left: -10px;
}

.list_item_desc li {
  margin-top: 10px;

}

.list_item_desc_sub {
  width: 650px;
  margin-left: 30px;
  margin-top: 2px;
  font-size: 12px;
  color: #777777;
}

.list_item_desc.emphasis {
  font-style: italic;
}

.page_controls {
  float: right;
  margin-bottom: 20px;
  margin-top: 16px;
  margin-right: 16px;
  border-top: 1px solid #82a6d7;
  width: 100%;
  text-align: right;
  padding-top: 8px;
}

/* company info */

.companyNameArea {
  border: 1px solid #ff9d35;
  padding: 12px;
  border-radius: 3px;
}

.companyNameArea .section_title {
  padding-bottom: 8px;
  border-bottom: none;
}

.companyNameArea .field_title, .companyNameArea .full_input {
  margin-left: 0px;
}

.companyNameArea .notice {
  color: #ff9d35;
}

.signee_fields {
  padding-top: 30px;
}

.field_title {
  color: #dddddd;
  padding-top: 20px;
  font-size: 12px;
  margin-left: 16px;
  margin-right: 16px;
}

.field_desc {
  padding-left: 10px;
  margin-left: 10px;
  width: 450px;
  float: left;
  color: #909090;
  font-size: 12px;
  background-image: url('https://partner.steamgames.com/public/images//icons/icon_paragraph_lead.png');
  background-repeat: no-repeat;
}

.field_desc2 {
  padding-left: 10px;
  margin-left: 10px;
  width: 450px;
  float: left;
  color: #909090;
  font-size: 12px;
}

.field {
  float: left;
  width: 450px;
}

.field_state {
  float: left;
  padding-right: 20px;
}

.field_postal_code {
  float: left;
}

.field_signee_email {
  margin-left: 16px;
  border: solid 1px #262627;
  width: 435px;
  padding-top: 10px;
  float: left;
}

.field_static_text {
  margin-top: 5px;
  margin-left: 16px;
  font-size: 24px;
  color: #ffffff;
  padding: 10px;
  border-radius: 3px;
  width: 415px;
  border: solid 1px #353535;
}

input.misc_input {
  font-size: 14px;
  line-height: 20px;
  background-color: #565658;
  border: solid 1px #262627;
  box-shadow: 1px 1px 0px #39393A;
  border-radius: 3px;
  padding: 4px 5px 4px 8px;
  color: #BFBFBF;
  width: 400px;
}

input.misc_checkbox {
  top: 0px;
  margin-right: 10px;
}

input.full_input, input.short_input, select {
  font-size: 14px;
  line-height: 20px;
  background-color: #565658;
  border: solid 1px #262627;
  box-shadow: 1px 1px 0px #39393A;
  border-radius: 3px;
  padding: 4px 5px 4px 8px;
  color: #BFBFBF;
}

input[disabled] {
  color: #555555;
  background-color: #333333;
  border: none;
  box-shadow: none;
}

select {
  width: 435px;
  margin-left: 16px;
}

select[disabled] {
  color: #555555;
  background-color: #333333;
  border: none;
  box-shadow: none;
}

.full_input {
  width: 420px;
  margin-left: 16px;
}

.short_input {
  width: 100px;
  margin-left: 16px;
}

/* NDA */
#SteamNDA {
  min-width: 700px;
  min-height: 600px;
  background: #d0d0d0;
  border: 1px solid #98b3c5;
}


/* sda */

.sda_container {
  margin: 0px auto;
}

.sda_agree_control {
  margin-top: 20px;
  color: #ffa450;
  width: 30px;
  float: left;
}

.sda_agree_control_label {
  color: #ffa450;
  margin-top: 20px;
  float: left;
  width: 560px;
}

.sda_agree_control input[type=checkbox] {
  top: 0px;
  margin-right: 10px;
}

#SteamDistributionAgreement, .steamvr_tracking_license {
  min-width: 700px;
  min-height: 600px;
  background: #d0d0d0;
  border: 1px solid #98b3c5;
}

.sda_view_link {
  padding-top: 5px;
}

input.errorRequiredField {
  border: 1px solid red;
}

ul {
  margin: auto;
  margin-top: 5px;
  margin-bottom: 5px;
}

ul li {
  list-style-type: disc;
}

.captcha {
  padding-top: 30px;
}

#input_captcha.errorRequiredField {
  border: 1px solid red;
}

.landingInfoTable.dark {
  margin-top: 16px;
  background: #151515;
  padding: 8px;
}

.landingInfoTable p.notice {
  color: #e66e34;
}

.steamworks_direct_header_ctn {
  background: -webkit-linear-gradient(325deg, #407999 5%, #2A3E59 95%);
  background: linear-gradient(125deg, #407999 5%, #2A3E59 95%);
  height: 160px;

}

.steamworks_direct_header {
  /*background: url( 'https://partner.steamgames.com/public/images/steamworks_cubes_1.png' ) left 0px no-repeat;*/
  height: 160px;
  color: #fff;
  font-size: 29px;
  font-family: "Motiva Sans", Sans-serif;
  font-weight: 300; /* light */

  position: relative;
  max-width: 1280px;
  min-width: 800px;
  margin: 0 auto;
  padding: 50px 0px 0px 46px;
}

.steamworks_direct_header span {
  font-size: 17px;
}


.steam_direct_landing .AdminPageContent {
  margin: 0 auto;
  background: #161920;
  max-width: 700px;
  min-width: 250px;
  box-shadow: 0 0 50px rgba(103, 193, 245, 0.3);
  margin-top: 0px;
  padding-top: 20px;
}

.steam_direct_landing .page_desc {
  max-width: 720px;
}

.steam_direct_landing .steamworks_direct_header {
  margin: 0 auto;
  max-width: 700px;
  min-width: 250px;
  padding-left: 0px;
}

.steam_direct_landing .page_controls {
  text-align: center;
  background: rgba(255, 255, 255, 0.2);
  padding: 20px;
  max-width: 660px;
  width: 100%;
  margin: 0px auto;
}

.steam_direct_landing .section_title {
  max-width: 700px;
  min-width: 250px;
}

.steam_direct_landing .list_item_desc {
  max-width: 700px;
  min-width: 250px;
  width: 100%;
}

.newmodal_content {
  max-width: 500px;
}

.list_item_desc {
  color: #bfbfbf
}
</style>
